<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>好运网</title>
</head>
<body>
<div th:fragment="right">
  <div id="service">
    <ul>
      <li id="tel">
        <a href="javascript:void(0)" title="存">
          <div class="hides">
            <div id="p1">
              <p>存</p>
            </div>
          </div>
          <span  class="shows"><i style="background: url(images/l05.png) no-repeat;"></i></span>
        </a>
      </li>

      <li>
        <a href="javascript:void(0)"  title="提">
          <div class="hides">
            <div id="p1">
              <p>提</p>
            </div>
          </div>
          <span  class="shows"><i style="background: url(images/l02.png) no-repeat;"></i></span>
        </a>
      </li>
      <li>
        <a title="转">
          <div class="hides">
            <div id="p1">
              <p>转</p>
            </div>
          </div>
          <span class="shows"><i style="background: url(images/l06.png) no-repeat;"></i></span>
        </a>
      </li>
      <li>
        <a href="http://wpa.qq.com/msgrd?v=3&uin=800022936&site=qq&menu=yes" target="_blank">
          <div class="hides">
            <div id="p1">
              <p>客服</p>
            </div>

          </div>
          <span  class="shows"><i style="background: url(images/l04.png) no-repeat;"></i></span>
        </a>
      </li>
    </ul>
  </div>
  <script type="text/javascript" src="js/jquery.min.js"></script>
  <script type="text/javascript">
      $(function() {
          $("#service a").hover(function() {
              $(this).children("div.hides").show();
              $(this).children("span.shows").hide();
          }, function() {

              $(this).children("div.hides").hide();
              $(this).children("div.hides").next("span.shows").show();
          });

          $("#top_btn").click(function() {
              $("html,body").animate({scrollTop: 0}, 600);
          });
          //右侧导航 - 二维码
          /* $(".weixin_area").hover(function() {
               $(this).children(".weixin").show();
           },function(){
               $(this).children(".weixin").hide();
           })*/
      });
  </script>

</div>
</body>
</html>
